<!-- Additional Info Page for selected Item -->
<html>
  <head>
    <title>Monopoly</title>
    <!-- import css stylesheet from ../stylesheets/ -->
    <link rel="stylesheet" type="text/css" href="/stylesheets/style_new.css">
  </head>
  <body>
    <!-- Header: contains logo image and name -->
    <div id="header">
      <h1>
        <img src="/images/Monopoly.png" style="float:left" height="65"/>
        Monopoly
        <!-- in case we want to add a motto, etc. -->
        <span>(write anything here?)</span>
      </h1>
    </div>
    <!-- Container contains left and right section for search field and budget field -->
    <div id="container">
      <section id="left">
        <form action="/onSearch" method="get" class="defaultForm">
          Enter A Single Product:<br/>
          <input class="input" id="searchInput"  type="text" name="search" value={{search}}>
          <input type="radio" name="search_type" value="newSrch"/> New Search
          <input type="radio" name="search_type" value="addItm" CHECKED/> Add Item
          <input class="subButton" type="submit" value="Search">
        </form>
      </section>
      <section id="right">
		<div name="budget">
		<b>
		{{budget}}
		</b>
		</div>
      </section>
    </div>
    <div id="resContainer">
      <h3>{{title|safe}} <img src="{{image}}" style="float:right;" height="100"/></h3>
      {{Brand}} <br/>
      {{category}} <br/>
      <a href="{{url}}">{{retailer}}</a> <br/>
      <div>
        Description: {{description|safe}} <br/>
      </div>
	  <br/>
      <div id="priceInfo">
        <section id="left">
           <b>{{stock}}</b>
        </section>
        <section id="right">
          <b> {{outPrice}} </b>
        </section>
      </div>
	  <br/>
      <div>
        <form action="/onReturn" method="post" class="defaultForm">
          <input type="hidden" name="search" value="{{searchterm}}">
          <input type="hidden" name="{{searchterm}}" value="{{id}}-{{price}}">
          <input class="subButton" type="submit" name="entry" value="Select">
          <input class="subButton" type="submit" name="entry" value="Return to Results">
        </form>
      </div>
     </div>
     <div id="footer">
      Disclaimer: We are using the InvisibleHand's API. Please read the <a href="https://developer.getinvisiblehand.com/termsofservice">InvisibleHand API's Terms of Service</a>.
     </div>
  </body>
</html> 